<html style="font-size: 50px; position: fixed;"><head>
  <title>遇见更棒的你</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <link rel="stylesheet" type="text/css" href="css/common.css">
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
  <script src="https://hm.baidu.com/hm.js?d044c518399661e2117226fb57e9574a"></script><script src="js/base/base.js"></script>
  <script>
    ibase.init();
    ibase.load('index.css');//无缓存加载文件
  </script><link rel="stylesheet" type="text/css" href=index.css?v=0.6631354510113365"></head><body><aside class="turnBoxPortrait" id="turnBox" style="display: none;"><div class="phone"><img src="images/common/turn_phone.png"><i class="yes"></i><i class="no"></i></div><p>竖屏体验更佳</p></aside>
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?d044c518399661e2117226fb57e9574a";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
  <!--------------------------------------------------------------html区域-------------------------------------------------------------------------------------------->
  <article style="display: none; overflow-y: hidden;">
    <section class="p1">
      <div class="bg1"></div>
      <div class="bg2"></div>
      <div class="start">
        <div class="btn"></div>
      </div>
    </section>

    <section class="p2 hide">
      <div class="panel">
        <div class="border">
          <div class="logo"></div>
          <div class="input input_name">
            <input type="text" class="name" id="name" maxlength="8">
          </div>
          <div class="input input_phone">
            <input type="tel" class="phone" maxlength="11" id="phone">
          </div>
          <div class="register"></div>
        </div>
      </div>
    </section>

    <section class="p3 hide">
      <div class="panel">
        <div class="border">
          <div class="btn next"></div>
          <div class="hebgmask"></div>
          <div class="hebg">
            <div class="tips hide">
              <div class="tipsContent">
                <img src="./images/p3/tipsTxt.png">
                <i class="close"></i>
              </div>
            </div>
            <div class="heMain">
             
            </div>


            <div class="hetool">
              <div class="hetool1">
                <!-- 第一种情况 风景-->
                <div toolname="scenery" class="scenerybg">
                  <div>
                    <i sceneryname="forest" class="forest"></i>
                  </div>
                  <div>
                    <i sceneryname="desert" class="desert"></i>
                  </div>
                  <div>
                    <i sceneryname="star" class="star"></i>
                  </div>
                  <div>
                    <i sceneryname="beach" class="beach"></i>
                  </div>
                  <div>
                    <i sceneryname="city" class="city"></i>
                  </div>
                </div>
                <!-- 第二种情况  人物 -->
                <div toolname="person" class="personbg">
                  <div class="man">
                    <span class="add"></span>
                    <i></i>
                  </div>
                  <div class="pnum">
                    <i>0</i>
                  </div>
                  <div class="woman">
                    <span class="add"></span>
                    <i></i>
                  </div>
                </div>

                <!-- 第三种情况 -->
                <div toolname="sports" class="sportsbg">
                  <div class="swiper-container">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide swiper-slide1">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide2">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide3">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide4">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide5">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide6">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide7">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide8">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide9">
                        <i></i>
                      </div>
                      <div class="swiper-slide swiper-slide1 swiper-slide10">
                        <i></i>
                      </div>
                    </div>
                  </div>
                </div>

                <!-- 第四种情况 -->
                <div toolname="city" class="citybg">
                  <div class="addSlogan">
                    <img src="./images/p3/addSlogan.png">
                  </div>
                </div>
              </div>
              <div class="hetool2">
                <div class="direction"></div>
                <div class="hetool2bg">
                  <div class="bg"></div>
                  <div class="hetool2icon">
                    <i toolname="scenery" class="scenery"></i>
                  </div>
                  <div class="hetool2icon">
                    <i toolname="person" class="person"></i>
                  </div>
                  <div class="hetool2icon">
                    <i toolname="sports" class="sports"></i>
                  </div>
                  <div class="hetool2icon">
                    <i toolname="city" class="city"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
    </div></section>

    <section class="p4 hide">
      <div class="panel">
        <div class="border">
          <img class="saveImg" src="">
          <!-- 寄给一年后的自己 -->
          <div class="sendMask hide">
            <div class="sendMaskContent">
              <img src="./images/p4/wx.png">
              <img src="./images/p4/qrcode.jpg?v=10" class="qrcode">
              <i class="close"></i>
            </div>
          </div>
          <div class="saveTxt"></div>
          <div class="savebg">
            <div class="saveyear"></div>
            <div class="saveborder">
              <div class="bg"></div>
              <img class="result" src="">
            </div>
          </div>
          <div class="send"></div>
          <div class="receive"></div>
          <div class="again"></div>
        </div>
    </div></section>

    <section class="p5 hide">
      <div class="panel">
        <div class="border">
          <div class="tips1"></div>
          <div class="gift">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div><img src="./images/gif/jiayou.gif"></div>
                  <div><img src="./images/gif/qiangdaole.gif">
                  </div>
                  <div><img src="./images/gif/shuaizoumeiyun.gif">
                  </div>
                  <div><img src="./images/gif/thx.gif">
                  </div>
                  <div><img src="./images/gif/wanan.gif">
                  </div>
                  <div><img src="./images/gif/xinniankuaile.gif">
                  </div>
                  <div><img src="./images/gif/yiqiyundong.gif">
                  </div>
                  <div><img src="./images/gif/yourenyouyu.gif">
                  </div>
                  <div><img src="./images/gif/zailushang.gif">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="back"></div>
        </div>
    </div></section>
  </article>
  <!--------------------------------------------------------------javascript区域-------------------------------------------------------------------------------------->
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="js/base/jquery2.js"></script>
  <script src="js/base/framwork.js?v=1"></script><aside class="loadBox" style="display: block;"><span><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></aside>
  <script src="js/base/monitor.js"></script>
  <script src="js/base/swiper.min.js"></script>
  <script src="js/base/share.js?v=192"></script>
  <!-- 手势库 -->
  <script src="js/plugin/transform.js"></script>
  <script src="js/plugin/alloy_finger.js"></script>
  <script src="js/plugin/to.js"></script>
  <!-- 学列阵 -->
  <!-- swiper -->
  <script src="js/base/swiper.min.js"></script>
  <!-- 合成 -->
  <script src="js/canvas/html2canvas.min.js"></script>
  <!-- 合成 -->
  <script src="js/api.js?v=10"></script>
  <!-- 加载图片 -->
  <script src="js/loadFile.js?v=3"></script>
  <script>
    ibase.load('js/index.js');
  </script><script type="text/javascript" src="js/index.js?v=0.4239467427340142"></script>


</body></html>